<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            ul,li{
                list-style: none;
            }
            #div1{
                width: 600px;
                margin: 30px auto;
            }
            .list{
                width: 600px;
                margin: 0 auto;
            }
            .list li{
                line-height: 30px;
                padding: 0 20px;
                display: flex;
                flex: 1;
                justify-content: space-between;
                border-bottom: 1px solid #000;
            }
            .list li span{
                flex: 2;
                text-indent: 20px;
                /* margin-right: auto;
                margin-left: 20px; */
            }
            .list li i{
                font-size: 20px;
                color: rgb(10, 24, 10);
            }
            .list li img{
                height: 50px;
                width: 50px;
            }
        </style>
    </head>
    <body>
        <!--构建工具
            cd <filename> -进入到某一个文件内
            cd .. -返回到上一级目录
            npm init -项目初始化
            npm install <packagename> -安装包
            npm install <packagename> --save-dev -安装开发依赖，不加参数默认项目依赖
            npm install <packagename> -g --全局安装
            npm uninstall <packagename> --卸载
            webpack --打包
            webpack-dev-server --起服务命令，监听代码变化，实时构建
        -->
        <!--配置命令
            package.json文件中，在script中配置start命令
            启动项目：npm start
        -->
        
    </body>
    <!-- <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script> -->
    <!-- <script src="./dist/bandle.js"></script> -->
</html>